<!--
 * @Author: deliteam 462085920@qq.com
 * @Date: 2023-11-13 14:06:39
 * @Description: 
-->
<template>
  <div>
    <ParallaxBox bgColor="#a4a196">
      <div class="sm:h-[100px] lg:h-[300px]">
      </div>
    </ParallaxBox>
    <div class="dbl-linebreak"></div>
    <div data-aos="fade-up" :data-aos-once="true" data-aos-offset="200">
      <Gallery :img-list="imgList"></Gallery>
    </div>
    <div class="dbl-linebreak"></div>
    <Process></Process>
    <div class="dbl-linebreak"></div>
    <div class="flex flex-row justify-center">
      <nuxt-link to="/contact">
        <HoverButtons btnText="Contact us" data-aos="zoom-in" />
      </nuxt-link>
    </div>
    <div class="dbl-linebreak"></div>
  </div>
</template>

<script setup>
const imgList = ref(['/imgs/index01.jpg', '/imgs/index01.jpg'])
</script>
